<script setup lang="ts">
import { computed } from 'vue';
import { IProductBread } from '../type'
const props = withDefaults(
  defineProps<{
    productBreadData: IProductBread
  }>(),
  {}
)


</script>

<template>
  <Bread>
    <BreadItem to="/">首页</BreadItem>
    <BreadItem :to="`/category/${productBreadData.categories[1].id}`">
      {{
        productBreadData.categories[1].name
      }}
    </BreadItem>
    <BreadItem :to="`/category/sub/${productBreadData.categories[0].id}`">
      {{
        productBreadData.categories[0].name
      }}
    </BreadItem>
    <BreadItem :key="productBreadData.id">{{ productBreadData.name }}</BreadItem>
  </Bread>
</template>

<style lang="less" scoped></style>
